<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo17-vue混入</title>
  <script src="./js/vue.min.js"></script>
  <script src="./js/vue-router.js"></script>
</head>

<body>

   <div id="app">

   </div>

</body>

<script type="application/javascript">
 const vm = new Vue({
   el: "#app"
 });

 const myMixin = {
   created: function () {
      this.startMixin();
   },
   methods: {
     startMixin: function () {
       document.write("欢迎来到混入实例")
     }
   }
 };
 const Component = Vue.extend({
   mixins: [myMixin]
 })
 let component = new Component();

</script>
</html>
